

const Css = {
    numVal: {
        W: 'width',
        WX: 'max-width',
        WN: 'min-width',
        H: 'height',
        HX: 'max-height',
        HN: 'min-height',
        LH: 'line-height',
        LS: 'letter-spacing',
        M: 'margin',
        P: 'padding',
        TS: 'font-size',
        TW: 'font-weight',
        L: 'left',
        T: 'top',
        R: 'right',
        B: 'bottom',
        ML: 'margin-left',
        MT: 'margin-top',
        MR: 'margin-right',
        MB: 'margin-bottom',
        PL: 'padding-left',
        PT: 'padding-top',
        PR: 'padding-right',
        PB: 'padding-bottom',
        BR: 'border-radius',
        VA: 'vertical-align'
    },

    numsVal: {
        WH: 'width:VAL1;height:VAL2;',
        MX: 'margin:0 VAL1;',
        MY: 'margin:VAL1 0;',
        MLT: 'margin:VAL2 0 0 VAL1;',
        MLB: 'margin:0 0 VAL2 VAL1;',
        MRT: 'margin:VAL2 VAL1 0 0;',
        MRB: 'margin:0 VAL1 VAL2 0;',
        PX: 'padding:0 VAL1;',
        PY: 'padding:VAL1 0;',
        PLT: 'padding:VAL2 0 0 VAL1;',
        PLB: 'padding:0 0 VAL2 VAL1;',
        PRT: 'padding:VAL2 VAL1 0 0;',
        PRB: 'padding:0 VAL1 VAL2 0;',
    },

    strIntVal: {
        //display
        Dn: 'display:none',
        Db: 'display:block',
        Di: 'display:inline',
        Dib: 'display:inline-block',
        Df: 'display:flex',
        Dg: 'display:grid',
        //font-weight
        TWn: 'font-weight:normal',
        TWb: 'font-weight:bold',
        TWbo: 'ont-weight:bolder',
        TWl: 'font-weight:lighter',
        //background-repeat
        BGRr: 'background-repea: repeat',
        BGRnr: 'background-repea: no-repeat',
        BGRrx: 'background-repea: repeat-x',
        BGRry: 'background-repea: repeat-y',
        BGRi: 'background-repea: inherit',
        //text-align
        TXAl: 'text-align:left',
        TXAt: 'text-align:right',
        TXAc: 'text-align:center',
        TXAj: 'text-align:justify',
        TXAi: 'text-align:inherit',
        //overflow
        Ov: 'overflow:visible',
        Oh: 'overflow:hidden',
        Os: 'overflow:scroll',
        Oa: 'overflow:auto',
        Oi: 'overflow:inherit',
        //visibility
        Vv: 'visibility:visible',
        Vh: 'visibility:hidden',
        Vc: 'visibility:collapse',
        Vi: 'visibility:inherit',
        //vertival-align
        VAb: 'vertical-align:baseline',
        VAsb: 'vertical-align:sub',
        VAsp: 'vertical-align:super',
        VAt: 'vertical-align:top',
        VAtt: 'vertical-align:text-top',
        VAm: 'vertical-align:middle',
        VAbo: 'vertical-align:bottom',
        VAtb: 'vertical-align:text-bottom',
        VAi: 'vertical-align:inherit',
        //box-sizing
        BSbb: 'box-sizing:border-box',
        BScb: 'box-sizing:content-box',
        BSi: 'box-sizing:inherit',
    },

    strExtVal: {
        //border
        BD: 'border: VAL1 VAL2 VAL3',
        BDL: 'border-left: VAL1 VAL2 VAL3',
        BDT: 'border-top: VAL1 VAL2 VAL3',
        BDR: 'border-right: VAL1 VAL2 VAL3',
        BDB: 'border-bottom: VAL1 VAL2 VAL3',
        //transition
        TTpd: 'transition:VAl1 VAl2'
    },

    colorVal: {
        BGC: 'background-color',
        TXC: 'color'
    },

    unit: {
        p: '%',
    }
} 

export default Css
/**
 * 规范：
    1.关键字取首字母或至第二字母
    2.key大写，val小写
    3.多数值参用“ - ”划分
    4.变量用“ _ ”划分
    5.颜色用“ - ”划分d
    6.原css属性的值有“-”分割的，取两边首字母
 */

